<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./dist/nav.css">
  <link rel="stylesheet" href="./basecss.css">
</head>
<body>
  <header>
    <nav>
      <ul class="left">
        <li class="list"><a href="">首页</a></li>
        <li class="gang"></li>
        <li class="list"><a href="">华为官网</a></li>
        <li class="gang"></li>
        <li class="list"><a href="">花粉俱乐部</a></li>
        <li class="gang"></li>
        <li class="list"><a href="">v码(优购码)</a></li>
        <li class="gang"></li>
        <li class="list"><a href="">企业购</a></li>
        <li class="gang"></li>
        <li class="list"><a href="">Select Regin</a></li>
        <li class="gang"></li>
        <li class="list morefun">更多精彩
          <svg xmlns="http://www.w3.org/2000/svg" width="13" height="14" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
            <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
          </svg>
          <dl>
            <dt><a href="">HarmonyOS</a></dt>
            <dt><a href="">应用市场</a></dt>
            <dt><a href="">华为开发云空间</a></dt>
            <dt><a href="">开发者联盟</a></dt>
          </dl>
        </li>
      </ul>
      <ul class="right">
        <li class="list"><a href="">请登录</a></li>
        <li class="kong"></li>
        <li class="list"><a href="">注册</a></li>
        <li class="gang"></li>
        <li class="list"><a href="">我的订单</a></li>
        <li class="gang"></li>
        <li class="list"><a href="">客服</a></li>
        <li><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
          <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
        </svg></li>
        <li class="gang"></li>
        <li class="list"><a href="">网站导航</a></li>
        <li><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" fill="currentColor" class="bi bi-chevron-down" viewBox="0 0 16 16">
          <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/>
        </svg></li>
        <li class="gang"></li>
        <li class="list"><a href="">手机版</a></li>
        <li class="gang"></li>
        <li><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cart2" viewBox="0 0 16 16">
          <path d="M0 2.5A.5.5 0 0 1 .5 2H2a.5.5 0 0 1 .485.379L2.89 4H14.5a.5.5 0 0 1 .485.621l-1.5 6A.5.5 0 0 1 13 11H4a.5.5 0 0 1-.485-.379L1.61 3H.5a.5.5 0 0 1-.5-.5zM3.14 5l1.25 5h8.22l1.25-5H3.14zM5 13a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm9-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm-2 1a2 2 0 1 1 4 0 2 2 0 0 1-4 0z"/>
        </svg></li>
        <li class="list"><a href="">购物车</a></li>
      </ul>
    </nav>
  </header>
</body>
</html>